<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Hello Amaze UI</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="./assets/css/amazeui.min.css">
    <link rel="stylesheet" href="./assets/css/amazeui.swiper.min.css">
    <link rel="stylesheet" href="./dist/css/app.min.css">
</head>

<body>
    <header class="am-topbar am-topbar-fixed-top">
        <div class="am-container">
            <h1 class="am-topbar-brand"><a href="#">Traveler-Pal</a></h1>
            <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-secondary am-show-sm-only" data-am-collapse="{target: '#collapse-head'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
            <div class="am-collapse am-topbar-collapse" id="collapse-head">
                <ul class="am-nav am-nav-pills am-topbar-nav">
                    <li><a href="#">首页</a></li>
                    <li class="am-active"><a href="#">活动</a></li>
                    <li><a href="#">景点</a></li>
                    <li><a href="#">攻略</a></li>
                </ul>
                <!--
                <div class="am-topbar-right">
                    <button class="am-btn am-btn-secondary am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span> 注册</button>
                </div>
                <div class="am-topbar-right">
                    <button class="am-btn am-btn-primary am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
                </div>
            -->
                <div class="am-topbar-right">
                    <ul class="am-nav am-nav-pills am-topbar-nav">
                        <li class="am-dropdown" data-am-dropdown>
                            <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">rccoder
                            <span class="am-icon-caret-down"></span>
                        </a>
                            <ul class="am-dropdown-content">
                                <li class="am-dropdown-header">个人中心</li>
                                <li><a href="#">个人资料</a></li>
                                <li><a href="#">修改密码</a></li>
                                <li><a href="#">注销</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="am-g am-container">
        <div class="am-u-sm-12 am-u-md-9 ">
            <div class="box activity-list am-g">
                <img src="http://lorempixel.com/600/600/nature/1" alt="" class="am-u-md-4 am-img-responsive">
                <div class="intro am-u-md-6">
                    <h2>开开心心去冰城</h2>
                    <data><b>时间：</b>2015/10/18</data>
                    <p><b>要去景点：</b><span><a href="">帽儿山</a></span>、<span><a href="">731遗址</a></span>、<span><a href="">冰雪大世界</a></span></p>
                    <p><b>活动约估费用：</b>4000元</p>
                    <p><b>活动要求：</b>只限妹子参加</p>
                    <p><b>活动介绍：</b>嗯，就是这个活动。啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
                    <div class="people">
                        <p><b>现参与人数：</b><a href="">rccoder</a>、<a href="">jiajia</a>、<a href="">lala</a></p>
                    </div>
                </div>
                <div class="join-activity am-u-md-2">
                    <button type="button" class="am-btn am-btn-primary am-radius">我要加入
                    </button>
                </div>
            </div>
            <div class="box activity-list am-g">
                <img src="http://lorempixel.com/600/600/nature/1" alt="" class="am-u-md-4 am-img-responsive">
                <div class="intro am-u-md-6">
                    <h2>开开心心去冰城</h2>
                    <data><b>时间：</b>2015/10/18</data>
                    <p><b>要去景点：</b><span><a href="">帽儿山</a></span>、<span><a href="">731遗址</a></span>、<span><a href="">冰雪大世界</a></span></p>
                    <p><b>活动约估费用：</b>4000元</p>
                    <p><b>活动要求：</b>只限妹子参加</p>
                    <p><b>活动介绍：</b>嗯，就是这个活动。啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
                    <div class="people">
                        <p><b>现参与人数：</b><a href="">rccoder</a>、<a href="">jiajia</a>、<a href="">lala</a></p>
                    </div>
                </div>
                <div class="join-activity am-u-md-2">
                    <button type="button" class="am-btn am-btn-primary am-radius">我要加入
                    </button>
                </div>
            </div>
            <div class="box activity-list am-g">
                <img src="http://lorempixel.com/600/600/nature/1" alt="" class="am-u-md-4 am-img-responsive">
                <div class="intro am-u-md-6">
                    <h2>开开心心去冰城</h2>
                    <data><b>时间：</b>2015/10/18</data>
                    <p><b>要去景点：</b><span><a href="">帽儿山</a></span>、<span><a href="">731遗址</a></span>、<span><a href="">冰雪大世界</a></span></p>
                    <p><b>活动约估费用：</b>4000元</p>
                    <p><b>活动要求：</b>只限妹子参加</p>
                    <p><b>活动介绍：</b>嗯，就是这个活动。啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
                    <div class="people">
                        <p><b>现参与人数：</b><a href="">rccoder</a>、<a href="">jiajia</a>、<a href="">lala</a></p>
                    </div>
                </div>
                <div class="join-activity am-u-md-2">
                    <button type="button" class="am-btn am-btn-primary am-radius">我要加入
                    </button>
                </div>
            </div>
            <div class="box activity-list am-g">
                <img src="http://lorempixel.com/600/600/nature/1" alt="" class="am-u-md-4 am-img-responsive">
                <div class="intro am-u-md-6">
                    <h2>开开心心去冰城</h2>
                    <data><b>时间：</b>2015/10/18</data>
                    <p><b>要去景点：</b><span><a href="">帽儿山</a></span>、<span><a href="">731遗址</a></span>、<span><a href="">冰雪大世界</a></span></p>
                    <p><b>活动约估费用：</b>4000元</p>
                    <p><b>活动要求：</b>只限妹子参加</p>
                    <p><b>活动介绍：</b>嗯，就是这个活动。啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
                    <div class="people">
                        <p><b>现参与人数：</b><a href="">rccoder</a>、<a href="">jiajia</a>、<a href="">lala</a></p>
                    </div>
                </div>
                <div class="join-activity am-u-md-2">
                    <button type="button" class="am-btn am-btn-primary am-radius">我要加入
                    </button>
                </div>
            </div>
            <div class="box activity-list am-g">
                <img src="http://lorempixel.com/600/600/nature/1" alt="" class="am-u-md-4 am-img-responsive">
                <div class="intro am-u-md-6">
                    <h2>开开心心去冰城</h2>
                    <data><b>时间：</b>2015/10/18</data>
                    <p><b>要去景点：</b><span><a href="">帽儿山</a></span>、<span><a href="">731遗址</a></span>、<span><a href="">冰雪大世界</a></span></p>
                    <p><b>活动约估费用：</b>4000元</p>
                    <p><b>活动要求：</b>只限妹子参加</p>
                    <p><b>活动介绍：</b>嗯，就是这个活动。啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p>
                    <div class="people">
                        <p><b>现参与人数：</b><a href="">rccoder</a>、<a href="">jiajia</a>、<a href="">lala</a></p>
                    </div>
                </div>
                <div class="join-activity am-u-md-2">
                    <button type="button" class="am-btn am-btn-primary am-radius">我要加入
                    </button>
                </div>
            </div>
            <div class="page-nav">
                <button class="am-btn am-btn-primary am-btn-xs" id="pre">上一页</button>
                <button class="am-btn am-btn-primary am-btn-xs" id="next">下一页</button>
            </div>
        </div>
        <div class="am-u-sm-12 am-u-md-3 ">
            <div class="box new-activity">
                <div class="box-head">我的最近活动</div>
                <div class="box-content">
                    <ul>
                        <li><a href="">开开心心去冰城</a></li>
                        <li><a href="">开开心心去冰城</a></li>
                        <li><a href="">开开心心去冰城</a></li>
                        <li><a href="">开开心心去冰城</a></li>
                    </ul>
                </div>
            </div>
            <div class="box top-journal">
                <div class="box-head">热门攻略</div>
                <div class="box-content">
                    <ol>
                        <li><a href="">记南极洲的一次游玩</a></li>
                        <li><a href="">记南极洲的一次游玩</a></li>
                        <li><a href="">记南极洲的一次游玩</a></li>
                        <li><a href="">记南极洲的一次游玩</a></li>
                    </ol>
                </div>
            </div>
            <div class="box top-scenery">
                <div class="box-head">热门景点</div>
                <div class="box-content">
                    <ol>
                        <li><a href="">华山</a></li>
                        <li><a href="">华山</a></li>
                        <li><a href="">华山</a></li>
                        <li><a href="">华山</a></li>
                        <li><a href="">华山</a></li>
                        <li><a href="">华山</a></li>
                    </ol>
                </div>
            </div>
            <div class="box top-activity">
                <div class="box-head">热门活动</div>
                <div class="box-content">
                    <ol>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                        <li><a href="">去喜马拉雅山</a></li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <footer class="am-footer">
        <div class="am-footer-miscs ">
            <p>由 <a href="https://github.com/October-66/Traveler-Pal" title="October-66" target="_blank" class="">October-66</a> 提供技术支持
            </p>
        </div>
    </footer>
    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
    <script src="./assets/js/amazeui.min.js"></script>
    <script src="./assets/js/amazeui.swiper.min.js"></script>
    <script src="./dist/js/all.min.js"></script>
</body>

</html>
